<template>
  <div>
    <Row :gutter="14" type="flex">
      <Col :sm="18" :xs="24">
        <ProblemPart :content="getParams"></ProblemPart>
      </Col>
      <Col :sm="6" :xs="0">
        <Card class="card" title="本题排行">
          <RankPart></RankPart>
        </Card>
        <Card class="card" title="通过率">
          <p>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
          </p>
        </Card>
        <Card class="card" title="统计">
          <p>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
          </p>
        </Card>
      </Col>
    </Row>
  </div>
</template>

<script>
import ProblemPart from "_c/ProblemPart";
import BreadPart from "_c/BreadPart";
import CardPart from "_c/CardPart";
import RankPart from "_c/RankPart";
import { empty } from "@/libs/tools";
export default {
  name: "ProblemContent",
  components: {
    ProblemPart,
    BreadPart,
    CardPart,
    RankPart
  },
  data() {
    return {};
  },
  computed: {
    getParams() {
      return this.$route.params;
    }
  },
  created() {
    if (empty(this.$route.params)) {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="less" scoped>
.card {
  margin-top: 10px;
}
</style>